<!-- <app-navigation-background></app-navigation-background>

<article class="cnt" fxLayout="column">
     <div fxFlex="10%">
           <app-navigation-toolbar></app-navigation-toolbar>
    </div>
    <div fxFlex="90%" class="nav-min">
        <router-outlet></router-outlet>
    </div>
</article>
<app-menu>
</app-menu>    -->

<app-navigation-background></app-navigation-background>

<article class="cnt" id='cnt' fxLayout="column" (mousedown)="onMousedown($event)" (mouseup)="onMouseup($event)">
    <div class="router-progress-bar" *ngIf="isFetching">
    </div>
    <div class="header" fxFlex="10%">
        <app-navigation-toolbar (changeScale)="onChangeScale($event)"></app-navigation-toolbar>
    </div>
    <div fxFlex="90%" class="nav-min" fxLayout="row">
        <div fxFlex="5%">
            <app-menu></app-menu>
        </div>
        <div fxFlex="95%" class="content">
            <router-outlet></router-outlet>
        </div>

    </div>
</article>





<!-- <app-navigation-background></app-navigation-background>
<div fxLayout="column">
    <div fxFlex="10%">
        <app-navigation-toolbar></app-navigation-toolbar>
    </div>
    <div fxFlex="90%" fxLayout="row">
        <div fxFlex="10%" class="nav-min">
            <router-outlet></router-outlet>
        </div>
        <div fxFlex="90%" class="nav-min">
            <router-outlet></router-outlet>
        </div>
    </div>

</div>  -->